<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>canvas7</title>
</head>

<body>
    <canvas id="app" width="500" height="600"></canvas>
    <script type="text/javascript">
    function draw24(id) {
        var canvas = document.getElementById(id);
        if (canvas == null) {
            return false;
        }
        var context = canvas.getContext("2d");

        context.moveTo(50, 50);
        context.bezierCurveTo(50, 50, 150, 50, 150, 150);
        context.stroke();
        context.quadraticCurveTo(150, 250, 250, 250);
        context.stroke();
    }
    draw24("app");
    </script>
</body>

</html>
